<div class="module-c2c-showad">
    <div class="header">
        <p class="title">人民幣買賣幣，想提就提</p>
        <p class="sub-title">無任何交易費用</p>
        <a href="javascript:;" class="btn" @click="toCreateAd">免費發廣告</a>
    </div>
    <div class="content">
        <!--<div class="golden">-->
            <!--<div class="golden-title">-->
                <!--<span class="title-line"></span>-->
                <!--<img src="./img/huangguan.png" alt="" width="16">-->
                <!--<span class="title-text">金牌卖家推荐</span>-->
                <!--<img src="./img/huangguan.png" alt="" width="16">-->
                <!--<span class="title-line"></span>-->
            <!--</div>-->
            <!--<div class="golden-content">-->
                <!--<div class="info">-->
                    <!--<div class="golden-user user-info">-->
                        <!--<div class="first-name">姓</div>-->
                        <!--<div class="nick-name">-->
                            <!--<p>{{golden.infoList[goldenAssetCode].nickName}}</p>-->
                            <!--<p class="count">交易次数 {{golden.infoList[goldenAssetCode].totalCount}} </p>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="trade">-->
                    <!--<p class="trade-text">* 交易价格 <span class="em">{{golden.infoList[goldenAssetCode].price}}</span> CNY/ACT</p>-->
                    <!--<div class="trade-item">-->
                        <!--<label class="item-label">CNY</label>-->

                        <!--<input class="item-input"-->
                               <!--type="text"-->
                               <!--v-number="{model: 'golden.total', precision: 2}"-->
                               <!--v-model="golden.total"-->
                               <!--@keyup="changeTotal"-->
                               <!--placeholder="请输入想买入的金额，单次不超过5万">-->
                    <!--</div>-->
                    <!--<img src="./img/trans-icon.png" alt="" width="26" class="trade-icon">-->
                    <!--<div class="trade-item select">-->
                        <!--<label class="item-label select-title" @click="showGoldAsset =!showGoldAsset">-->
                            <!--{{goldenAssetCode}}-->
                            <!--<i class="icon-allow-down"  :class="{'icon-allow-down&#45;&#45;active':showGoldAsset}"></i>-->
                        <!--</label>-->
                        <!--&lt;!&ndash;v-number="{model: 'golden.amount', precision: goldenAssetCode===4}"&ndash;&gt;-->
                        <!--<input class="item-input"-->
                               <!--type="number"-->
                               <!--v-model="golden.amount"-->
                               <!--@keyup="changeAmount"-->
                               <!--:placeholder="'请输入想买入的'+goldenAssetCode+'数量'">-->
                        <!--<div class="select-content" v-if="showGoldAsset" >-->
                            <!--<p  class="item" @click="setGoldenAssetCode('BTC')">BTC</p>-->
                            <!--<p  class="item" @click="setGoldenAssetCode('ACT')">ACT</p>-->
                            <!--<p  class="item" @click="setGoldenAssetCode('USC')">USC</p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="trade-btn">-->
                        <!--<a href="javascript:;" class="btn">购买{{golden.assetCode}}</a>-->
                    <!--</div>-->
                <!--</div>-->

            <!--</div>-->
        <!--</div>-->


        <div class="ad-info">
            <div class="info-header">
                <div class="m-tab m-tab--white">
                    <ul class="list fn-clearfix">
                        <li class="item">
                            <a class="item-link "
                               :class="{'item-link--active': type === 'btcSell'}"
                               href="javascript:;" @click="setType('btcSell')">BTC售賣區</a>
                        </li>
                        <li class="item">
                            <a class="item-link "
                               :class="{'item-link--active': type === 'actSell'}"
                               href="javascript:;" @click="setType('actSell')">ACT售賣區</a>
                        </li>
                        <li class="item">
                            <a class="item-link"
                               :class="{'item-link--active': type === 'uscSell'}"
                               href="javascript:;" @click="setType('uscSell')">USC售賣區</a>
                        </li>
                        <li class="item">
                            <a class="item-link "
                               :class="{'item-link--active': type === 'buy'}"
                               href="javascript:;" @click="setType('buy')">求購資訊區</a>
                        </li>
                    </ul>
                </div>
                <div class="btn"><img src="./img/order.png" width="16" class="img"><a href="#/order/sell">管理我的訂單</a></div>
            </div>
            <div class="box-content">
                <sell-ad-list :assetCode="'BTC'" v-if="type === 'btcSell'"></sell-ad-list>
                <sell-ad-list :assetCode="'ACT'" v-if="type === 'actSell'"></sell-ad-list>
                <sell-ad-list :assetCode="'USC'" v-if="type === 'uscSell'"></sell-ad-list>
                <buy-ad-list v-if="type === 'buy'"></buy-ad-list>
            </div>
        </div>
    </div>
</div>
